<template>
    <div class="index clearafter">
        <!-- 头部组件 -->
        <header-component></header-component>
        <div class="content cbafter">
            <!-- 侧部导航组件 -->
            <div class="w220 fl">
                <aside-component></aside-component>
            </div>
            <!-- 右部内容区 -->
            <div class="w980 fr">
              <ul>
                <li v-for="(index, value) in data">
                  <!--一级题干-->
                  {{value.XMMC}}
                  <ul>
                    <li v-for="(index1, value1) in value.children" style="color:red">
                      {{value1.XMMC}}<label v-if="value.XJKJLX == 3"><input type="radio"></label>
                      <!--单行填空-->
                      <input type="text" v-if="value1.XJKJLX == 1 && value1.children[0].SJGS != 'yyyy-MM-dd' && value.XJKJLX != 3" class="qinput">
                      <!--日期-->
                      <date-picker field="myDate"
                                   placeholder="选择日期"
                                   :value.sync="date"
                                   format="yyyy/mm/dd"
                                   v-if="value1.XJKJLX == 1 && value1.children[0].SJGS == 'yyyy-MM-dd'"></date-picker>
                      <!--下拉选择-->
                      <select name="" id="" v-if="value1.XJKJLX == 5">
                        <option value="" v-for="(num, item) in value1.children[0].XMKZ.split(';')">{{item}}</option>
                      </select>
                    </li>
                  </ul>
                </li>
              </ul>
            </div>
        </div>
    </div>
</template>
<script>
import 'assets/reset.css';
import 'assets/lib/bootstrap-3.3.2/css/bootstrap.min.css';
import 'assets/lib/bootstrap-3.3.2/js/bootstrap.min.js';
import Header from 'components/module-head.vue';
import Asider from 'components/menu-list.vue';
import paper from 'assets/tempPaper.js';
import myDatepicker from 'vue-datepicker-simple';
export default {
    data() {
            return {
              data: paper.Data[0].projects,
              date: ''
            }
        },
        ready() {
          console.log(paper.Data[0].projects[0].XMMC)
        },
        components: {
            //头部组件
            'header-component': Header,
            //侧部导航组件
            'aside-component': Asider,
          'date-picker': myDatepicker
        },
        methods: {

        }
}
</script>
<style scoped="">
  .qinput{
    border: 1px solid #ddd;
  }
</style>
